//- 先去这个pug文件中找
extends ../commons/commons.pug

block append pageStyle
	link(href="${relativePath}/static/css/personCenter/shopCar.css" rel="stylesheet" type="text/css")
block content
	//- 提交订单内容
	div.placeOrderCon.layout
		//- logo部分
		div.submitHeader
			div.logo.fl
				img(src="${relativePath}/static/imgs/shopin.png")
		div.carList
			h3 购物车
			div.carTitle
				ul
					li.allChioce.pd 全选
					li.shopMsg 商品信息
					li.unit 单价
					li.number 数量
					li.allCount 总价
					li.operation 操作
			//- 购物车列表
			div.allLists
				//- p.pd.topTitle 指定商家：河南新异标识
				//- div.list
				//- 	div.allBox
				//- 		div.check.fl
				//- 		div.leftOne.fl
				//- 			img.oneImg(src="${relativePath}/static/imgs/clList.png")
				//- 			div.oneRight
				//- 				p.title 这是灯箱吧 
				//- 				p.msg 留言：这是留言
				//- 		div.leftTwo.fl
				//- 			ul
				//- 				li 材质：金属拉丝
				//- 				li 材质：金属拉丝
				//- 				li 材质：金属拉丝
				//- 				li 材质：金属拉丝
				//- 		div.leftThree.fl
				//- 			p.top
				//- 			p.center 245.00
				//- 			p.bottom （含运费：￥0.00）
				//- 		div.leftFour.fl
				//- 			ul
				//- 				li
				//- 					span.reduce -
				//- 					input(type="text" maxlength="4" name="number" value="1").number
				//- 					span.add +
				//- 		div.leftFive.fl 245.00
				//- 		div.leftSix.fl
				//- 			i.delete
				//- 			p.collect 添加收藏
				//- 	div.line.clear
				//- 	div.designBox
				//- 			div.designImg
				//- 				span.pic.fl  效果图：
				//- 				ul.fl
				//- 					li.fl
				//- 						img(src="${relativePath}/static/imgs/small.png")
				//- 			div.designImg.closeure
				//- 				span.pic.txt.fl &nbsp;&nbsp;&nbsp;附件：
				//- 				div.txtBox.fl
				//- 					p.list01 标识汇-智能商城.pptx  (34.07M)
				//- 	div.clear
		//- 提交
		div.submitBtn
			div.allMoney.fr
				span.alls 
					| 已选中
					| <i></i> 件商品
				span.allCount.allCount_2
					| 共计：
					| <i>￥</i>
					| <em>0</em>
				span.tjBtn.fr#sub 提交订单 &gt;
	//- 购物车模板
	script#allCars(type="text/html")
		| {{each data arr}}
		p.pd.topTitle 指定商家：{{arr.company_name}}
		div.list(cart_id="{{arr.cart_id}}")
			div.allBox
				div.check.fl
				div.leftOne.fl
					img.oneImg(src="{{arr.img}}")
					div.oneRight
						p.title {{arr.goods_name}}
						p.msg 
							| 留言：
							| {{if arr.member_explain == ""}}
							| 无
							| {{else}}
							| {{arr.member_explain}}
							| {{/if}}
				div.leftTwo.fl
					ul
						| {{set lis = arr.sku_list}}
						| {{each lis dataLi}}
						li {{dataLi.spec_name}}：{{dataLi.opt_name}}
						| {{/each}}
				div.leftThree.fl
					p.top
					p.center {{arr.sell_price}}
					//- p.bottom （含运费：￥0.00）
				div.leftFour.fl
					ul
						li
							span.reduce -
							input(type="text" maxlength="4" name="number" value="{{arr.goods_num}}").number
							span.add +
				div.leftFive.fl {{arr.order_amount}}
				div.leftSix.fl
					i.delete
					| {{if arr.is_collection == '1'}}
					p.collect.current 已收藏
					| {{else}}
					p.collect 添加收藏
					| {{/if}}
			div.line.clear
			| {{set imgs = arr.order_img}}
			| {{if imgs != "" || arr.order_files != ""}}
			div.designBox
					| {{if imgs != ""}}
					div.designImg
						span.pic.fl  效果图：
						ul.fl
							| {{each imgs img1}}
							li.fl
								img(src="${relativePath}/static/imgs/small.png")
							| {{/each}}
					| {{/if}}
					| {{if arr.order_files != ""}}
					div.designImg.closeure
						span.pic.txt.fl &nbsp;&nbsp;&nbsp;附件：
						div.txtBox.fl
							a(href="{{arr.order_files}}").list01 标识汇-智能商城.pptx 
					| {{/if}}
			| {{/if}}
			div.clear
		| {{/each}}
block append pageScript

	script.
		$(function() {
			//- 点击添加收藏
			$(".allLists").on("click",".collect",function() {
				if($(this).hasClass("current")) {
					$(this).removeClass("current");
					$(this).html("添加收藏");
					$.get(shopIp+"/Collection/collectionGoods?userToken="+token+"&goods_id="+$(this).closest(".list").attr("cart_id"),function(res) {
						if(res.status == 200) {
							layer.msg("取消成功");
						}
					})
				}else{
					$(this).addClass("current");
					$(this).html("已收藏");
					$.get(shopIp+"/Collection/collectionGoods",function(res) {
						if(res.status == 200) {
							layer.msg("收藏成功");
						}
					})
				}
			})
			//- 点击全选
			$(".allChioce").click(function() {
				if($(this).hasClass("current")) {
					$(this).removeClass("current");
					$(".check").removeClass("current");
					$(".topTitle").removeClass("current");
					$(".list").css("background","none");
				}else{
					$(this).addClass("current");
					$(".check").addClass("current");
					$(".topTitle").addClass("current");
					$(".list").css("background","#fff9e6");
				}
				$(".alls i").html($(".topTitle.current").length);
				//- 获取价格
				var price = 0
				$(".check.current").closest(".list").each(function() {
					price += parseFloat($(this).find(".leftFive").html());
				});
				$(".allCount_2 em").html(price.toFixed(2));
			});
			//- 点击指定商家
			$(".allLists").on("click",".topTitle",function() {
				if($(this).hasClass("current")) {
					$(this).removeClass("current");
					$(this).next(".list").css("background","none");
					$(this).next(".list").find(".check").removeClass("current");
				}else{
					$(this).addClass("current");
					$(this).next(".list").css("background","#fff9e6");
					$(this).next(".list").find(".check").addClass("current");
				}
				var price = 0
				$(".alls i").html($(".topTitle.current").length);
				$(".check.current").closest(".list").each(function() {
					price += parseFloat($(this).find(".leftFive").html());
				});
				$(".allCount_2 em").html(price.toFixed(2));
			})
			//- 点击check背景变色
			$(".allLists").on("click",".check",function() {
				if($(this).hasClass("current")) {
					$(this).removeClass("current");
					$(this).parents(".list").prev(".topTitle").removeClass("current");
					$(this).closest(".list").css("background","none");
				}else{
					$(this).addClass("current");
					$(this).parents(".list").prev(".topTitle").addClass("current");
					$(this).closest(".list").css("background","#fff9e6");
				}
				var price = 0
				$(".alls i").html($(".topTitle.current").length);
				$(".check.current").closest(".list").each(function() {
					price += parseFloat($(this).find(".leftFive").html());
				});
				$(".allCount_2 em").html(price.toFixed(2));
			})
			//点击加号
			$(".allLists").on("click",".add",function() {
				var num = parseInt($(this).prev(".number").val()) || 0;
				$(this).prev(".number").val(num + 1);
			})
			//点击减号
			$(".allLists").on("click",".reduce",function() {
				var num = parseInt($(this).next(".number").val())|| 0;
				num = num - 1;
				num = num < 1 ? 1 : num;
				$(this).next(".number").val(num);
			})
			//- 购物车列表数据
			$.get(shopIp+"/My/myShoppingCart?userToken="+token,function(data) {
				var shopCars = template("allCars",data);
				if(data.data.length == 0) {
					$(".allLists").html("<img class='imgBig' style='margin-bottom:50px;' src='${relativePath}/static/imgs/zw.png'/>");
					$(".allLists").css("text-align","center");
				}else{
					$(".allLists").append(shopCars);	
				}
				$(".allCount_2 em").html(data.data.total_price);
				$(".alls i").html($(".topTitle.current").length);
			})
			//- 点击提交订单
			var cartidsArr = [];
			$("#sub").click(function() {
				if($(".topTitle.current").length < 1) {
					layer.msg("请选择购买商品");
				}else{
					var $checked = $(".carList .check.current");
					$checked.each(function(){
						cartidsArr.push($(this).closest(".list").attr("cart_id"));
					})
					$.get(shopIp+"/My/cartSubmit?userToken="+token+"&cart_ids="+cartidsArr,function(data) {
						if(data.status == 200) {
							layer.msg("购买成功");
							setTimeout(function() {
								window.location.href="../personCenter/personIndex.html";
							},1000)
						}else{
							layer.msg(data.msg);
						}
					})
				}
			})
			//- 点击删除
			$(".allLists").on("click",".delete",function(){
				var $this = $(this);
				layer.confirm('确定要删除此商品？', {
					btn: ['确定','取消'],//按钮
					title:"删除商品"
				}, function(){；；
					$.get(shopIp+"/My/deleteGoods?userToken="+token+"&cart_id="+$this.parents(".list").attr("cart_id"),function(data) {
						//console.log(data.msg);
						if(data.status == "200") {
							layer.msg(data.msg, {icon: 1});
							$this.parents(".list").prev(".topTitle").remove();
							$this.closest(".list").remove();;
						} else{
							layer.msg(data.msg);
						}
					})
				}, function(){
						//layer.msg('已取消');
				});
			})
		})
		


		